<template>
	<view>
		<view class="aside">
			<!-- 电脑图标 -->
			<image src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-baf8b79d-d470-482b-a323-477b967ac823/49d4880f-80e8-47b2-a353-efb6bc25ecc8.png" class="modify"></image>
			<image src="../../static/PC/js.png" class="js"></image>
			<image src="../../static/PC/jx2.png" class="jss"></image>
			<image src="../../static/PC/hyxx.png" class="hyxx"></image>
			<view class="hyxx2" @tap="hyxx2">会员信息</view>
			<image src="../../static/PC/jx2.png" class="jsss"></image>
			<image src="../../static/PC/xxxg.png" class="xxxg"></image>
			<view class="xxxg2" @tap="xxxg2">信息修改</view>
			<image src="../../static/PC/jx2.png" class="jssss"></image>
			<image src="../../static/PC/kq1.png" class="kq1"></image>
			<view class="kq2" @tap="kq2">考勤信息</view>
			<image src="../../static/PC/jx2.png" class="jsssss"></image>
		</view>
		<view class="main">
			<view class="head">
				<image src="../../static/PC/KQT.png" class="KQT"></image>
				<view class="KQ">考勤信息</view>
			</view>
			<view class="main2">
				<view class="dk">打卡时间</view>
				<view class="hxs"></view>
				<view class="dbx"></view>
				<view class="hx"></view>
				<view class="k"></view>
				<image src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-baf8b79d-d470-482b-a323-477b967ac823/4dcb8914-9578-4dbe-82c5-634a5ebe83ef.png" class="t"></image>
				<view class="xhs">225602050258</view>
				<view class="mzs">甘梁良</view>
				<image src="../../static/PC/tz.png" class="tz1" @tap="xxxg2()()"></image>
				<view class="k2"></view>
				<view class="k3"></view>
				<view class="k4"></view>
				<image src="../../static/PC/dao.png" class="dao"></image>
				<view class="z">导出excel</view>
				<image src="../../static/PC/tbs.png" class="tbs"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			xxxg2(){
				uni.navigateTo({
					url:"./pc3"
				})
			},
			kq2(){
				uni.navigateTo({
					url:"../pc/pc2"
				})
			},
			hyxx2(){
				uni.navigateTo({
					url:"./pc4"
				})
			},
			tz1(){
				uni.navigateTo({
					url:"./pc3"
				})
			},
		}
	}
</script>

<style>
	/* 左边侧边栏 */
	.aside{
		float: left;
		width: 155px;
		height: 752px;
		background: url("../../static/PC/pc.png");	
	}
	/* 电脑图标 */
	.modify{
		position: absolute;
		left: 30px;
		top: 90.62px;
		width:77px;
		height: 77px;	
	}
	.js{
		/* CAME计协管理系统 */
		position: absolute;
		left: 25px;
		top: 174px;
		width: 90px;
		height: 34px;
		font-family: YouSheBiaoTiHei;
		font-size: 24px;
		font-weight: normal;
		text-align: center;
		color: #FFFFFF;
	}
	.jss{
		/* 矩形 2 */
		position: absolute;
		left: 0px;
		top: 265.54px;
		width: 154px;
		height: 32px;
		background: #2B54B2;
	}
	.hyxx{
		/* user-2-fill 1 */
		position: absolute;
		left: 28.5px;
		top: 269px;
		width: 26.63px;
		height: 26.63px;
	}
	.hyxx2{
		/* 会员信息 */
		position: absolute;
		left: 57px;
		top: 270px;
		width: 70px;
		height: 25px;
		font-family: SourceHanSansCN-Medium;
		font-size: 17px;
		font-weight: 500;
		color: #FFFFFF;
	}
	.jsss{
		/* 矩形 2 */
		position: absolute;
		left: 0px;
		top: 310.54px;
		width: 154px;
		height: 32px;
		background: #2B54B2;
	}
	.xxxg{
		/* draft-fill 1 */
		position: absolute;
		left: 28.5px;
		top: 313px;
		width: 26.63px;
		height: 26.63px;
	}
	.xxxg2{
		position: absolute;
		left: 57px;
		top: 315px;
		width: 70px;
		height: 23.63px;
		font-family: SourceHanSansCN-Medium;
		font-size: 17px;
		font-weight: 500;
		color: #FFFFFF;
	}
	.jssss{
		/* 矩形 2 */
		position: absolute;
		left: 0px;
		top: 350.54px;
		width: 154px;
		height: 32px;
		background: #2B54B2;
	}
	.kq1{
		/* draft-fill 1 */
		position: absolute;
		left: 28.5px;
		top: 353px;
		width: 26.63px;
		height: 26.63px;
	}
	.kq2{
		position: absolute;
		left: 57px;
		top: 354px;
		width: 70px;
		height: 23.63px;
		font-family: SourceHanSansCN-Medium;
		font-size: 17px;
		font-weight: 500;
		color: #FFFFFF;
	}
	.jsssss{
		/* 矩形 2 */
		position: absolute;
		left: 0px;
		top: 390.54px;
		width: 154px;
		height: 32px;
		background: #2B54B2;
	}
	/* 图标 */
	.KQT{
		width: 30px;
		height: 30px;
		margin-left: 12px;	
		margin-top: 7px;
	}
	.KQ{
		position: absolute;
		left: 197px;
		top: 7px;
		width: 100px;
		height: 50px;
		font-family: SourceHanSansCN-Medium;
		font-size: 24px;
		font-weight: 500;
		color: #000000;
	}
	/* 右边容器 */
	.main{
		height: 647px;
	}
	/* 头部 */
	.head{
	    height: 44px;
		width: 1530px;
		background: #EBEBEB;
		/* 下边框阴影 */
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
	}
	/* 主内容 */
	.main2{
	  height: 603px;
	}
	.dk{
		position: absolute;
		left: 195px;
		top: 75px;
		width: 200px;
		height: 42px;
		font-family: SourceHanSansCN-Medium;
		font-size: 36px;
		font-weight: 500;
		color: #2B54B2;
	}
	.hxs{
		/* 直线 11 */
		position: absolute;
		left: 155px;
		top: 135px;
		width: 1360px;
		height: 0px;
		transform: rotate(0deg);
		border: 4px solid #EBEBEB;
	}
	.dbx{
		/* 多边形 1 */
		position: absolute;
		left: 253px;
		top: 126px;
		width: 30px;
		height: 16px;
		background: #2B54B2;
		background: url(../../static/PC/dbx.png);
	}
	.hx{
		/* 直线 10 */
		position: absolute;
		left: 210px;
		top: 135px;
		width: 110px;
		height: 0px;
		transform: rotate(0deg);
		border: 4px solid #2B54B2;
	}
	.k{
		/* 矩形 21 */
		position: absolute;
		left: 180px;
		top: 180px;
		width: 1260px;
		height: 93.63px;
		border-radius: 20px;
		background: #EBEBEB;
	}
	.t{
		/* 头像 */
		position: absolute;
		left: 200px;
		top: 188px;
		width: 80px;
		height: 80px;
		border-radius: 39.74px;
	}
	.xhs{
		/* 225602050258 */
		position: absolute;
		left: 300px;
		top: 200px;
		width: 80px;
		height: 80px;
		font-family: SourceHanSerifCN-Medium;
		font-size: 24px;
		font-weight: 500;
		color: #9E9E9E;
	}
	.mzs{
		/* 甘梁良 */
		position: absolute;
		left: 300px;
		top: 235px;
		width: 80px;
		height: 80px;
		font-family: SourceHanSerifCN-Medium;
		font-size: 24px;
		font-weight: 500;
		color: #9E9E9E;
	}
	.tz1{
		/* 进入 */
		position: absolute;
		left: 1340px;
		top: 200px;
		width: 58.37px;
		height: 59.68px;
		background-blend-mode: soft-light;
	}
	.k2{
		/* 矩形 21 */
		position: absolute;
		left: 180px;
		top: 300px;
		width: 1260px;
		height: 93.63px;
		border-radius: 20px;
		background: #EBEBEB;
	}
	.k3{
		/* 矩形 21 */
		position: absolute;
		left: 180px;
		top: 420px;
		width: 1260px;
		height: 93.63px;
		border-radius: 20px;
		background: #EBEBEB;
	}
	.k4{
		/* 矩形 21 */
		position: absolute;
		left: 180px;
		top: 540px;
		width: 1260px;
		height: 93.63px;
		border-radius: 20px;
		background: #EBEBEB;
	}
	.dao{
		/* 矩形 31 */
		position: absolute;
		left: 1200px;
		top: 650px;
		width: 192px;
		height: 62px;
		background: rgba(235, 235, 235, 0);
		box-sizing: border-box;
		border: 4px solid #EBEBEB;
	}
	.z{
		/* 导出excel */
		position: absolute;
		left: 1205px;
		top: 660px;
		width: 180px;
		height: 41px;
		font-family: AlibabaPuHuiTiR;
		font-size: 30px;
		font-weight: normal;
		color: #9E9E9E;
	}
	.tbs{
		/* logout-box-r-fill */
		position: absolute;
		left: 1340px;
		top: 660px;
		width: 41px;
		height: 41px;
	}
</style>